<vertical-section-layout allow-edit="false" show-vertical-check="true" section-title="相关管道">
    <readonly-section>
        <md-list layout-fill class="list-item-table list-condensed" id="policy-list" ng-if="vm.model.relatedFeedSummaries != null && vm.model.relatedFeedSummaries.length > 0">
            <md-list-item>
                <div layout="row" layout-fill>
                    <div flex="50" class="md-list-item-text hint">
                        名称
                    </div>
                    <div flex="10" class="md-list-item-text hint">
                        活跃

                    </div>
                    <div flex="40" class="md-list-item-text hint">
                        上一次更改时间
                    </div>
                </div>
            </md-list-item>
            <md-list-item ng-repeat="feed in vm.model.relatedFeedSummaries" >
                <div layout="row" class="hover" layout-fill ng-click="vm.onFeedClick(feed)">
                    <div flex="50" class="md-list-item-text">
                        <md-input-container class="md-block" flex-gt-sm>
                            <div>{{feed.feedName}}</div>
                        </md-input-container>
                    </div>
                    <div flex="10" class="md-list-item-text ">
                        <ng-md-icon icon="check"></ng-md-icon>
                    </div>
                    <div flex="40" class="md-list-item-text ">
                        {{feed.updateDate | date : 'yyyy/MM/dd hh:mm:ss'}}
                    </div>
                </div>
            </md-list-item>
        </md-list>
        <div ng-if="vm.model.loadingRelatedFeeds">
            加载中 ...<br/>
            <md-progress-circular md-mode="indeterminate"  md-diameter="25px"></md-progress-circular>
        </div>
        <div ng-if="!vm.model.loadingRelatedFeeds && (vm.model.relatedFeedSummaries == null || vm.model.relatedFeedSummaries.length === 0)">
            没有与此类别相关联的管道
        </div>
    </readonly-section>
</vertical-section-layout>
